*{
    padding: 0;
    margin: 0;
}
ul{
    list-style: none;
}
html{
    height: 2000px;
    font-size: 18px;
}
.home-page{
    background: #f7f7f7
}
.hearder-banner{
    width: 19.0556rem;
    height: 7.2778rem;
    padding-top: .6667rem;
    margin: auto;
}
.hearder-banner img{
    width: 100%;
    height: 7.2778rem;
    display: block;
}
.grid-content{
    width: 19.0556rem;
    height: 5.2222rem;
    margin: .8889rem auto .6667rem;
    background: #fff;
}
.grid_padd{
    width: inherit;
    height: inherit;
}
.van-grid{
    width: 100%;
    height: inherit;
    display: inline-grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(4,25%);
}
.van-grid-item{
    
}

.van-grid-item_content{
    height: inherit;
    padding: .8889rem .4444rem;
}
.grid_padd-li{
    place-items: center center;
}
.grid-content img{
    width: 1.9444rem;
    height: 1.9444rem;
    margin: 0 .3611rem;
    display: block;
}
.grid_title{
    font-size: .6667rem;
    height: .8333rem;
    padding-top: .5rem;
}
.van-tabbar--fixed{
    width: 100%;
    position: fixed;
    bottom: 0;
}
.van-tabbar{
    display: flex;
    width: 100%;
    height: 2.7778rem;
    background-color: #fff;
    
}
.van-tabbar-item{
    flex: 1;
    /* align-self: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.van-tabbar-item__icon{
    margin-bottom: .2222rem;
}
.van-tabbar-item__icon img{
    width: 1.1111rem;
    height: 1.1111rem;
    display: block;
    
}
.van-tabbar-item__text{
    
}
.van-tabbar-item__text span{
    display: block;
    font-size: .5rem;
    color: rgb(141, 141, 141);
}

.course{
    width: 19.0556rem;
    margin: 0 auto;
    
}
.subject-tabs-wrap{
    display: flex;
    color: rgb(156, 156, 165);
}
.tab-left{
    flex: 7;
    padding-right: .5556rem;
}
.list_tab{
    display: flex;
}
.van-tab__text{
    flex: 1;
    font-size: .7778rem;
    text-align: center;
}
.list_tab li:nth-child(5){
    flex: 2;
}
.right-icon{
    flex: 1;
    text-align: center;
}
.right-icon span{
    font-size: .9444rem;
}

/* 课程卡片样式 */
.productbox{
    width: 17.7222rem;
    padding: 0 .6667rem;
    margin: .8889rem auto;
    background: #fff;
    
}
.productitem-title{
    padding-top: .5556rem;
    font-weight: 500;
    text-align: left;
    font-size: .9444rem;
    color: #9c9ca5;
}
.productitem-infobox{
    width: inherit;
    height: 6.5rem;
    padding: .8889rem 0rem 1.1111rem 0rem;
    border-bottom: .02667rem solid #f7f7f7;
}
.productitem-infobox .productitem-name{
    font-size: .8889rem;
    font-weight: 500;
    text-align: left;
    color: #262626;
    
}
.price{
    margin-top: .6667rem;
    color: #ff4a34;
    text-align: right;
}
.havecoverMap{
    width: inherit;
    display: flex;
}
.lazy-img{
    
    margin-right: .6667rem;
}
.lazy-img img{
    width: 5.6667rem;
    height: 6.5rem;
}